
*{margin:0; padding:0;font:12px PingFangSC-Medium, PingFang SC,'Microsoft YaHei', Helvetica,Arial, sans-serif; color: #333;}
a{ text-decoration:none;}
ul, ul li{ list-style:none;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix {display:block;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;text-align:center;}
.float_l{ float:left;}
.float_r{ float:right;}
.bg-grey{ background-color: #FAFBFD;}
.bg-grey02{ background-color:#F3F5FC}


.container,header{min-width:320px;max-width:750px; width:100%; margin:0 auto; height: 100%;}
header{height: 5rem; width: 100%; background-color: #fff;position: fixed; top: 0; z-index: 9; overflow: hidden;}
header .logo{ width: 8.1875rem; height: auto; float: left; margin: 1rem 0 0 1rem;}
header .navMenu{ float: right; margin: 1.9rem 1rem 0 0;}
header .navMenu img{ width: 1.8rem; height: 1.3rem;}

footer{ background-color: #000; padding: 1.5rem;}
.footerWrap .line{ width: 100%;  border: 1px solid rgba(151, 151, 151, 0.17); margin: 1rem 0;}
.about-t{ height: 2rem; line-height: 2rem; overflow: hidden;}
.about-t h2{float: left; font-size: 1rem; color: #fff;}
.about-t a{ float: right;}
.about-t a img{ width: 0.6rem; height: auto;}
.about-m a{ display: inline-block; width: 32%; text-align: left; color: #999; font-size: 1rem; line-height: 2rem;}
.telBox{ margin-top: 0.5rem;}
.telBox img{ width: 0.9rem; height: auto; vertical-align: middle; margin-right: 0.5rem; padding-bottom: 0.4rem;}
.telBox .tel-num{ font-size: 1.08rem; color: #fff;font-family: DIN-Bold, DIN;
font-weight: bold;}
.telBox .tel-time{ font-size: 1rem; color: #999; margin-left: 1rem;}
.icp h1{ font-size: 1.2rem; color: #fff; text-align: left; margin-bottom: 1rem;}
.icp p{ font-size: 0.75rem; color: rgba(222, 222, 222, 0.25);}



.layerBox{ background-color: #313237; width: 100%; height: 100%; padding: 2rem; position: fixed; z-index: 10;top:0}
.layerBox img{ width:11.9375rem; height:3rem;}
.layerBox .close{ position: absolute;right: 6rem; top: 2.5rem;}
.layerBox .close img{ width:1.6rem; height: auto;}
.layerBox ul{ margin-top: 2rem;}
.layerBox li a{ color: #fff; font-size: 1.75rem; line-height: 4rem;}

.banner{width: 100%; margin-top:5rem; padding: 3rem 2rem 5rem; box-sizing: border-box;}
.gzf-banner{background:url(../../img/img_01/banner.png) center no-repeat; }
.ds-banner{background:url(../../img/img_02/banner.png) center no-repeat; }
.kffw-banner{background:url(../../img/img_03/banner.png) center no-repeat; }
.xly-banner{background:url(../../img/img_04/banner.png) center no-repeat; }
.rcfw-banner{background:url(../../img/img_05/banner.png) center no-repeat; }
.index-banner{background:url(../../img/img_06/banner.png) center no-repeat; }


.banner h1{font-size:1.8rem; font-weight: bold; text-align: left; color: #fff;}
.banner p{text-align: left;font-size: 1.2rem; color: #fff; margin: 1.6rem 0 2rem; line-height: 1.6rem;}
.banner a{ background-color: #025EFF; width: 8.4rem; line-height: 2.1rem; border-radius: 6px; color: #fff; font-size: 0.83rem; text-align: center; display: block;}
nav{ background-color: #fafbfd; text-align: center;height: 3rem;border-bottom: 1px solid #f5f5f5}
nav a{ display: inline-block; width: 24%; height: 3rem; text-align: center; font-size: 1.2rem; line-height: 3rem;}
nav .on{border-bottom: 4px solid rgba(2, 94, 255, 1); color: rgba(2, 94, 255, 1); padding: 0.5rem 0; line-height:3rem; font-size: 1.2rem;}
.h1Tit{ font-size: 1.3rem; padding: 2rem 1.5rem 1rem;}
.h2Tit{ font-size: 1.2rem; padding: 0 1.5rem 1rem;}
.subTit{font-size: 1rem; color: #999; padding: 0 1.5rem 2rem;}


.img-full{ width: 100%; height: auto; display: block;}
.feature .imgWrap{ padding: 1rem 1.5rem 0; box-sizing: border-box;}
.feature .imgWrap img{ margin-bottom: 1rem; width: 100%;}
.gzf-train{ width: 100%; height: 23rem; position: relative; text-align: center; background-color: #025EFF;}
.gzf-train .h1Tit{color: #fff;}
.trainWrap{ width: 100%; height: 15rem;overflow-x: auto; text-align: center; }
.trainWrap .imgWrap{ height: 13.6rem; width: 37.5rem; }
.trainWrap .imgWrap img{ height: 13.6rem; width: 37.5rem;}
.gzf-train .menu{ width: 6.3rem; height: auto; margin: 0 auto;}
.topic{ background-color: #FAFBFD;}
.t-title{ background-color: #fff; height: 5.4rem; line-height: 5.4rem; font-size: 1.17rem; position: relative; padding: 0 1.5rem;box-shadow: 2px 2px 15px 0px rgba(85, 116, 169, 0.14);}
.t-title span{ font-size: 1.17rem;}
.t-title a{ position: absolute;right: 1.5rem; top: 2.2rem;}
.t-title a img{ width: 0.83rem; height: auto;}
.t-content{ padding: 1.5rem;}
.t-content p{ font-size: 1rem; line-height: 1.5rem;}
.t-content img{ width: 100%; height: auto;}
.t-content .line,.tech-service .line{ width: 100%; height: 0.0625rem; background-color: #ddd; margin: 1rem 0;}
.t-content .other-t{ font-size: 1rem; color: #666; line-height: 1.5rem; margin-top: 1rem;}

.feature{padding: 0 0 2rem;}
.ds-feature,.xly-feature{ width: 100%; overflow-x: auto; text-align: center;}
.ds-featureWrap{ width: 45rem; height: 16rem; text-align: center;}
.ds-featureWrap img{width: 14rem; height: 15rem; margin-right: 1rem; box-shadow: 2px 2px 22px 0px rgba(85, 116, 169, 0.1);}
.ds-featureWrap img:last-child,.xly-featureWrap:last-child{margin-right: 0;}
.nav-btn{ text-align: center;}
.nav-btn a,.xly-feature a{ border-radius: 50%; background-color: #D8D8D8; width: 0.4rem; height: 0.4rem; display: inline-block; margin: 0 0.2rem;}
.nav-btn a.on,.xly-feature a.on{ background-color:#025EFF;}
.case{ text-align: center; padding: 0 0 2rem;}

.tech-service .t-content p{ font-size: 1.2rem; line-height: 1.8rem;}
.color-blue{ color: #025EFF; font-size: 1.3rem; text-align: left;}
.down{ text-align: right; margin: 1rem 0;}
.down img{ width:11.3rem; height: 2.75rem;}

.xly-feature{ position: relative;}
.xly-feature .btn{ position: absolute; width: 100%;}
.xly-featureWrap{ width: 55rem; height: 18rem; text-align: center;}
.xly-featureWrap img{width: 12.5rem; height: 16.7rem; margin-right: 1rem; box-shadow: 2px 2px 22px 0px rgba(85, 116, 169, 0.1);}

.solution{ background:url(../../img/img_04/xly_12.png) center;width: 100%; padding: 1rem 2rem 3rem; box-sizing: border-box; text-align: center;}
.solution h1{ font-size: 1.3rem; color: #fff;}
.solution a{background-color: #025EFF; width: 8.2rem; line-height: 2.5rem; border-radius: 6px; color: #fff; font-size: 1rem; text-align: center; display: block; margin: 0 auto;}

.index-factor .subTit,.index-idea .subTit{ text-align: center;}
.index-train .imgWrap{ padding: 1rem;}
.index-train .imgWrap img{box-shadow: 2px 2px 15px 0px rgba(85, 116, 169, 0.14);}

/* .technology .nav-btn{ margin-bottom: 2rem;}
.techWrap{ width: 100%; height: 18rem; position: relative; text-align: center; overflow: hidden;}
.techWrap img{width: 12.5rem; height: 16.7rem; box-shadow: 2px 2px 22px 0px rgba(85, 116, 169, 0.1); margin:0 0.5rem; display: inline-block;}
.techWrap .img_01{ position: absolute;left: -7rem;}
.techWrap .img_02{ margin-left: 0.5rem;}
.techWrap .img_03{ position: absolute;right: -7rem;} */

.index-case{ padding: 1rem; text-align: left;}
.index-case .caseWrap{box-shadow: 2px 2px 22px 0px rgba(85, 116, 169, 0.3); margin-bottom: 1rem;}
.index-case img{ width: 100%;}
.index-case h2{text-align: left; margin-top: 1rem;}
.index-case p{ font-size: 1.2rem; text-align: left; padding-bottom: 1rem;}
.index-case .more{margin-left: 1.5rem;}
.index-case .more img{ width: 6.7rem; margin-bottom: 2rem;}














@media screen and (min-width:320px){
	html,body{font-size:12px;}

}
@media screen and (min-width:360px){
	html,body{font-size:14px;}

}
@media screen and (min-width:480px){
	html,body{font-size:16px;}

}

@media screen and (min-width:560px){
	html,body{font-size:18px;}

}
@media screen and (min-width:750px){
	html,body{font-size:20px;}

}